<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/购物车.css">
    
</head>
<body>
    <div class="head">
        <div class="w">
            <div class="head-content">
                <div class="head-left">
                    <img src="../images/fangzi_03.jpg" alt="">
                    <span>京东首页</span>
                    <img src="../images/daohang_03.jpg" alt="">
                    <span>广东</span>
                </div>
                <div class="head-right">
                    <span>刘新华90070</span>
                    <img src="../images/plus_03.jpg" alt="">
                    <img src="../images/jiantou_03.jpg" alt="">
                </div>
            </div>
           
            <ul>
                <li><a href="#">我的订单</a></li>
                <li>
                    <a href="#">我的京东
                        <img src="../images/jiantou_03.jpg" alt="">
                    </a>
                   
                </li>
                <li><a href="#">京东会员</a></li>
                <li>
                    <a href="#">企业采购
                        <img src="../images/jiantou_03.jpg" alt="">
                    </a>
                    
                </li>
                <li>
                    <a href="#">客户服务
                        <img src="../images/jiantou_03.jpg" alt="">
                    </a>
                   
                </li>
                <li>
                    <a href="#">网站导航
                        <img src="../images/jiantou_03.jpg" alt="">
                    </a>
                    
                </li>
                <li><a href="#">手机京东</a></li>
                <li><a href="#">网站无障碍</a></li>
            </ul>

        </div>
    </div>
    <div class="search">
        <div class="w">
            <div class="logo">
                <img src="../images/logo_03.jpg" alt="">
                <div class="input">
                    <input type="text">
                    <input type="button" value="搜索">
                </div>
            </div>
            
        </div>
    </div>
    <div class="main">
        <div class="w">

            <div class="peisong">
                <h3>全部商品<span>1</span></h3>
                <div>
                    <span>配送至：</span>
                    <p>广东广州市白云区城区
                        <img src="../images/jiantou2_03.jpg" alt="">
                    </p>
                </div>
            </div>
            <div class="main-top">
                <ul>
                    <li>
                        <input type="checkbox" name="quan">全选
                    </li>
                    <li>商品</li>
                    <li>单价</li>
                    <li>数量</li>
                    <li>小计</li>
                    <li>操作</li>
                </ul>
            </div>
            <div class="main-uls">
                <ul>
                    <li>
                       <input type="checkbox" name="xuan"> 
                    </li>
                    <li>
                        <img src="../images/商品_03.jpg" alt="">
                         <p> 百思图&nbsp;双面搓澡巾拉北条雨花三件套沐浴搓澡套餐</p>
                    </li>
                    <li>
                        ￥<span>8.90</span>
                    </li>
                    <li>
                        <button>-</button>
                        <input type="text" value="1">
                        <button>+</button>
                    </li>
                    <li>
                        ￥<span>8.90</span>
                    </li>
                    <li>删除</li>
                </ul>

                <ul>
                    <li>
                       <input type="checkbox" name="xuan"> 
                    </li>
                    <li>
                        <img src="../images/商品_03.jpg" alt="">
                         <p> 百思图&nbsp;双面搓澡巾拉北条雨花三件套沐浴搓澡套餐</p>
                    </li>
                    <li>
                        ￥<span>8.90</span>
                    </li>
                    <li>
                        <button>-</button>
                        <input type="text" value="1">
                        <button>+</button>
                    </li>
                    <li>
                        ￥<span>8.90</span>
                    </li>
                    <li>删除</li>
                </ul>
            </div>

            <div class="main-footer">

                <div class="w">
                    <ul class="footer-left">
                        <li>
                            <input type="checkbox" name="quan">全选
                        </li>
                        <li>删除选中的商品</li>
                        <li>移入关注</li>
                        <li>清理购物车</li>

                    </ul>

                    <ul class="footer-right">
                        <li>
                            已选择<span>0</span>件商品
                        </li>
                        <li>
                            总价：￥<span>0.00</span>
                        </li>
                        <li>
                           去结算
                        </li>
                    </ul>
                  
                </div>
            </div>

            <div class="main-like">
                <div class="w">
                    <div class="left"></div>
                    <div class="right"></div>
                    <ul class="ul1">
                        <li>
                            <img src="../images/like01_03.jpg" alt="">
                            <h3>测试文字测试文字测试文字测试文字测试文字测试文字测试文字</h3>
                            <p>￥<span>3199.00</span></p>
                        <div class="car">
                            <img src="../images/car_03.jpg" alt="">加入购物车
                        </li>
                        <li>
                            <img src="../images/like02_03.jpg" alt="">
                            <h3>测试文字测试文字测试文字测试文字测试文字测试文字测试文字</h3>
                            <p>￥<span>3199.00</span></p>
                        <div  class="car">
                            <img src="../images/car_03.jpg" alt="">加入购物车
                        </div>
                        </li>
                        <li>
                            <img src="../images/like01_03.jpg" alt="">
                            <h3>测试文字测试文字测试文字测试文字测试文字测试文字测试文字</h3>
                            <p>￥<span>3199.00</span></p>
                        <div  class="car">
                            <img src="../images/car_03.jpg" alt="">加入购物车              
                        </div>
                        </li>
                        <li>
                            <img src="../images/like02_03.jpg" alt="">
                            <h3>测试文字测试文字测试文字测试文字测试文字测试文字测试文字</h3>
                            <p>￥<span>3199.00</span></p>
                        <div  class="car">
                            <img src="../images/car_03.jpg" alt="">加入购物车           
                        </div>
                        </li>
                    </ul>

                    <ul class="ul2">
                        <li>
                            <img src="../images/商品_03.jpg" alt="">
                            <h3>测试文字测试文字测试文字测试文字测试文字测试文字测试文字</h3>
                            <p>￥<span>3199.00</span></p>
                        <div  class="car">
                            <img src="../images/car_03.jpg" alt="">加入购物车
                        </div>
                        </li>
                        <li>
                            <img src="../images/like01_03.jpg" alt="">
                            <h3>测试文字测试文字测试文字测试文字测试文字测试文字测试文字</h3>
                            <p>￥<span>3199.00</span></p>
                        <div  class="car">
                            <img src="../images/car_03.jpg" alt="">加入购物车
                        </div>
                        </li>
                        <li>
                            <img src="../images/like02_03.jpg" alt="">
                            <h3>测试文字测试文字测试文字测试文字测试文字测试文字测试文字</h3>
                            <p>￥<span>3199.00</span></p>
                        <div  class="car">
                            <img src="../images/car_03.jpg" alt="">加入购物车              
                        </div>
                        </li>
                        <li>
                            <img src="../images/商品_03.jpg" alt="">
                            <h3>测试文字测试文字测试文字测试文字测试文字测试文字测试文字</h3>
                            <p>￥<span>3199.00</span></p>
                        <div  class="car">
                            <img src="../images/car_03.jpg" alt="">  加入购物车           
                        </div>
                        </li>
                    </ul>
                        
                </div>
            </div>
        </div>
    </div>

    <div class="footer">
        <div class="w">

            <img src="../images/ad_03.jpg" alt="">
            <div class="footer-list">
                <ul>
                    <li>购物指南</li>
                    <li>购物流程</li>
                    <li>会员介绍</li>
                    <li>生活旅行/团购</li>
                </ul>
                <ul>
                    <li>购物指南</li>
                    <li>购物流程</li>
                    <li>会员介绍</li>
                    <li>生活旅行/团购</li>
                </ul>
                <ul>
                    <li>购物指南</li>
                    <li>购物流程</li>
                    <li>会员介绍</li>
                    <li>生活旅行/团购</li>
                </ul>
                <ul>
                    <li>购物指南</li>
                    <li>购物流程</li>
                    <li>会员介绍</li>
                    <li>生活旅行/团购</li>
                </ul>
            </div>
        </div>
    </div>

    <script src="./购物车.js"></script>
    
</body>
</html>